<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>消息</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<style media="screen">

		.xiaoxi-list,
		.xiaoxi-list ul {
			background: none;
			color: #fff;
			border: 0;
		}

		.xiaoxi-list {
			border-top: 1px solid #222;
		}

		.xiaoxi-list .aui-list .aui-list-item {
			border-bottom: 0;
			background: none;
			padding-top: 0.5rem;
			padding-bottom: 0.5rem;
		}

		.xiaoxi-list .aui-list-item-media {
			width: 3.5rem;
		}

		.xiaoxi-list .user {
			font-size: 0.75rem;
			color: #fff;
			opacity: 0.9;
			margin-bottom: 0.2rem;
		}


		.xiaoxi-list .text {
			font-size: 0.75rem;
			color: #fff;
			position: relative;
		}

		.xiaoxi-list .time{
			color: #777;
			font-size: 0.65rem;
			padding-top: 0.5rem;
		}
		.xiaoxi-list .text,.xiaoxi-list .user{
			margin-right: 5rem;
		}
		.img{
			position: absolute;
			right: 0.75rem;
			top: 0.2rem;;
			width: 4rem;
			height:4rem;
			color: #fff;
			display: -webkit-box;
			overflow: hidden;
			text-overflow: ellipsis;
			word-wrap: break-word;
			word-break: break-all;
			white-space: normal !important;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
			font-size: 0.68rem;
			overflow: hidden;
		}
		.img img{
		  width:100%;
		  margin: 0 auto;
		  text-align: center;
		  display: inline-block;
			border-radius: 0.25rem;

		}
	</style>
</head>

<body>
	<div class="aui-card-list xiaoxi-list ">
		<div class="aui-card-list-content">
			<script id="sx-list" type="text/x-dot-template">
				{{ for(var i=0,it=it.data; i < it.length; i++) { }}
				<li class="aui-list-item aui-list-item-middle">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media">
							<img tapmode onclick="_u({{= it[i].uid_s}})" src="{{= it[i].user.img ? _img(it[i].user.img,60,60) : '../i/touxiang.png' }}" class="aui-img-round">
						</div>
						<div class="aui-list-item-inner">
							<div class="user aui-ellipsis" tapmode onclick="_u({{= it[i].uid_s}})">
								{{= it[i].user.username}}
							</div>
							<div class="aui-ellipsis text" tapmode onclick="_u({{= it[i].uid_s}})">
								点赞你的
								{{? it[i].name == 'video'}}
								作品
								{{?? it[i].name == 'video_ping'}}
								评论
								{{??}}
								回复
								{{?}}
							</div>
							<div class="time" tapmode onclick="_u({{= it[i].uid_s}})">{{= it[i].time}}</div>
							<div class="img">
								{{? it[i].name == 'video'}}
								<img src="{{= it[i].data.img ? _img(it[i].data.img,100) :_img(it[i].data.url,100,100,true) }}" />
								{{??}}
								{{? it[i].data}}
								{{= it[i].data.content}}
								{{??}}
								<span style="opacity:0.3">内容已删除</span>
								{{?}}
								{{?}}
							</div>
						</div>
					</div>
				</li>
				{{ } }}
			</script>
			<ul class="aui-list aui-media-list" id="sx-view"><div id="loadingdi_huifu"><img src="../i/footer_progress.png" /></div></ul>
		</div>
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>

<script type="text/javascript">
	apiready = function() {
		_list({url:'member/xiaoxi_zan'});
		_shangla(function(ret,err){
			_list({url:'member/xiaoxi_zan'});
		},1)
		// 监听滚动
		api.addEventListener({
			name : 'scrolltobottom',
			extra : {
				threshold : threshold //设置距离底部多少距离时触发，默认值为0，数字类型
			}
		}, function(ret, err) {
			if (heigutgao == 1) {// heigutgao=1开启执行 0停止执行   防止连续滚动，等加载数据之后在进行滚动。
				pagenum += 1
				_list({url:'member/xiaoxi_zan',page:pagenum});
			}
		});
	}
</script>

</html>
